آموزش تسلط بر مصاحبه‌های ریکت ۲۰۲۶ - سوالات واقعی برای موقعیت‌های فرانت‌اند [ویدئویی] - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• معرفی دوره Course Introduction

• مزایا و معایب ریکت Pros and Cons of React

• نحوه ایجاد اپلیکیشن ریکت چگونه است؟ How to Create React Application?

• فایل PDF PDF File

• سورس کد آماده برای شما I Prepared Source Code for You

دانش پایه Basic Knowledge

• DOM مجازی چیست؟ What is Virtual DOM?

• JSX چیست؟ What is JSX?

• چرا از className استفاده می‌کنیم و نه class؟ Why Do We Use className and Not class?

• کامپوننت‌های تابعی و Props چیستند؟ What are Functional Components and Props?

• کامپوننت‌های کلاسی، Props و State چیستند؟ What are Class Components, Props, and State?

• تفاوت کامپوننت‌های Dumb و Smart چیست؟ What are Dumb vs Smart Components?

• Key Index Map چیست؟ What is a Key Index Map?

• React.Fragment چیست؟ What is React.Fragment?

• رندرینگ شرطی (Conditional Rendering) در ریکت چیست؟ What is Conditional Rendering in React?

• نحوه اعمال استایل‌ها در ریکت چگونه است؟ How to Apply Styles in React?

• ارتباط بین والد و فرزند در ریکت چگونه کار می‌کند؟ How Parent-Child Communication Works in React?

دانش پیشرفته Advanced Knowledge

• هوک useState چیست؟ What is useState Hook?

• هوک useEffect چیست؟ What is useEffect Hook?

• هوک useReducer چیست؟ What is useReducer Hook?

• هوک useContext چیست؟ What is useContext Hook?

• هوک useRef چیست؟ What is useRef Hook?

• هوک useMemo چیست؟ What is useMemo Hook?

• هوک useCallback چیست؟ What is useCallback Hook?

• نوشتن هوک سفارشی useFetch در ریکت Write React Custom Hook useFetch

• نوشتن هوک سفارشی useLocalStorage در ریکت Write React Custom Hook useLocalStorage

• بهینه‌سازی رندرینگ با React.memo در ریکت React.memo - Rendering Optimization in React

• بهترین ساختار فایل در ریکت چیست؟ What is the Best React File Structure?

• React Router چگونه کار می‌کند؟ How Does React Router Work?

• React Portals چیست؟ What is React Portals?

• React Lazy و React Suspense چیستند؟ What is React Lazy and React Suspense?

• تایپ‌اسکریپت در ریکت چگونه کار می‌کند؟ How Does Typescript Work in React?

• کامپوننت‌های مرتبه بالاتر (HOC) چیستند؟ What Are Higher Order Components (HOC)?

• مثالی از پیاده‌سازی فرم در ریکت Write an Example of Form Inside React

• چرا Strict Mode در ریکت دو بار رندر می‌کند؟ Why Does Strict Mode Render Twice in React?

• آیا نیاز است تمام کامپوننت‌های کلاسی را با هوک بازنویسی کنم؟ Do I Need to Rewrite All My Class Components with Hooks?

• آیا می‌توان یک کامپوننت را بدون فراخوانی setState مجبور به رندر مجدد کرد؟ Can You Force a Component to Re-render Without Calling setState?

• React Fiber چیست؟ What is React Fiber?

• رندرینگ سمت سرور (SSR) در ریکت چیست؟ What is Server Side Rendering in React?

مدیریت وضعیت State Management

• React Query React Query

• رداکس (Redux) در جاوااسکریپت خام چگونه کار می‌کند؟ How Redux Works in Plain JavaScript?

• رداکس چگونه در کنار ریکت کار می‌کند؟ How Does Redux Work Together with React?

• Redux Toolkit چگونه کار می‌کند؟ How Does Redux Toolkit Work?

تمرینات Homework

• تمرینات Homework